/*
* @Author: AskMeWhy
* @Date:   2019-09-10 17:25:00
 * @Last Modified by: AskMeWhy
 * @Last Modified time: 2021-01-28 15:54:34
*/
$base-color: #607d8b;
/* 改变主题色变量 */
$--color-primary: #de2728;
// $--select-input-color: #17B3A3;
// $--select-option-hover-background: rgba(255,109,74,.1);
$--font-size-base: 0.14rem;

/* button */
$--button-font-size: $--font-size-base;
$--button-padding-vertical: 0.12rem;
$--button-padding-horizontal: 0.2rem;

/* input */
$--input-height: 0.4rem;
// $--input-focus-border: #D0D7DD;

$--input-focus-border: $base-color !default;
$--select-input-focus-border-color: $base-color !default;
$--datepicker-hover-font-color: $base-color !default;
/* 改变 icon 字体路径变量，必需 */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 4rem;
    min-width: 300px;
}

.el-range-editor.el-input__inner {
    padding: 0.03rem 0.1rem;
}

.el-date-editor {
    .el-range__icon {
        font-size: 0.14rem;
        line-height: 0.32rem;
    }

    .el-range-separator {
        font-size: 0.14rem;
        line-height: 0.32rem;
        padding: 0 0.05rem;
    }

    .el-range__close-icon {
        line-height: 0.32rem;
    }
}

$tab-bg: #fff;
$tab-active-color: $--color-primary;
.theme-gray.el-tabs {
    &.center {
        .el-tabs__header {
            @include flexLayout(flex, center, center);
        }
    }
    .el-tabs__header {
        background-color: $tab-bg;
        margin-bottom: 10px;
    }
    .el-tabs__nav-wrap::after {
        background-color: transparent;
    }
    .el-tabs__active-bar.is-top {
        height: 0.04rem;
        border-radius: 0.04rem;
    }
    .el-tabs__item {
        padding: 0 0.1rem;
    }
    .el-tab__label {
        padding: 0 0.2rem;
    }
}

.el-button.el-button--default {
    &:hover {
        color: #fff;
        background-color: #de2728;
        border-color: #de2728;
    }
}

.el-message-box__btns .el-button.el-button--primary {
    background-color: #de2728;
    border-color: #de2728;
    &:hover {
        color: #fff;
        background-color: #ff8484;
        border-color: #ff8484;
    }
}

.el-tooltip__popper {
    max-width: 400px;
}

.dialog-footer {
    text-align: right !important;
}

.el-loading-mask {
    z-index: 4000;
}

.el-table .caret-wrapper {
    height: 20px;
    .sort-caret.ascending {
        top: -2px;
    }
    .sort-caret.descending {
        bottom: 0;
    }
}
.el-table__body-wrapper {
    height: calc(100% - 44px);
    overflow-y: auto;
}

.down-selection {
    max-height: 300px;
    .el-cascader-menu {
        max-height: 300px;
    }
    .el-cascader-menu__wrap {
      height: 100%;
    }
}
.el-dialog__body {
    padding: 10px 20px 30px;
}

.el-button.el-picker-panel__link-btn.el-button--text.el-button--mini{
    display: none !important;
}

.el-dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

.el-dropdown-menu.el-popper.el-dropdown-menu--medium{
   .el-dropdown-menu__item{
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 0 6px;
       span{
        display: inline-block;
        width: 100px;
        @include textEllipsis();
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 500;
        color: #37383a;
       }
       .el-icon-delete-solid{
           display: none;
       }
    &:hover{
       .el-icon-delete-solid{
           display: block;
       }
    }
   } 
}
